﻿/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
DEVELOPER BY: Mohammed Al-halabi
E-mail: karawan9@gmail.com  |   qlbaz@hotmail.com
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.carousel
{
	position :relative ;
	margin :0 auto;
	width :930px;
	height :auto;
	border :none;
	overflow : hidden ;
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides
{
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
	height:200px
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}
/* _______________________________________________ */

/* BACKGROUND IMAGES */
/* _______________________________________________ */
.carousel .nextButton,
.carousel .prevButton,
.carousel .buttonNav .bullet,
.carousel .buttonNav .bulletActive{
    background-color: transparent;
    background-image: url("https://dl.dropboxusercontent.com/u/71746690/js2/images/icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */


.carousel .nextButton,
.carousel .prevButton{
    position :absolute ;
    top :90px;
    width :34px;
    height :34px;
    cursor :pointer ;
    z-index :9999;
}
.carousel .nextButton{
	left :44px;
    background-position: 0 -34px;
}
.carousel .nextButton:hover{
    background-position: -34px -34px;
}
.carousel .nextButton:active{
    background-position: -68px -34px;
}
.carousel .prevButton{
	right :44px;
    background-position: 0 0;
}
.carousel .prevButton:hover{
    background-position: -34px 0;
}
.carousel .prevButton:active{
    background-position: -68px 0;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav{
	position : relative ;
	margin :0 auto;
	z-index :999;
}

/* numbers */
.carousel .buttonNav .numbers {
	position :relative ;
	float :left ;
	margin :5px;
	cursor :pointer ;
}

.carousel .buttonNav .numbers:hover{
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet{
	position :relative ;
	float :right ;
	width :16px;
	height :16px;
	margin :5px;
	cursor :pointer ;
    background-position: -16px -68px ;

}
.carousel .buttonNav .bullet:hover{
    background-position: 0 -68px;
}
.carousel .buttonNav .bulletActive{
	cursor :default ;
    background-position: 0 -68px;
}
/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.carousel .shadow{
	width :100%;
	height :26px;
}

.carousel .shadow .shadowLeft{
	background : url("https://dl.dropboxusercontent.com/u/71746690/js2/images/shadowLeft.png") no-repeat;
	width :66px;
	height :15px;
}

.carousel .shadow .shadowMiddle{
	height :15px;
	background:url("https://dl.dropboxusercontent.com/u/71746690/js2/images/shadowTile.png") repeat-x;
}

.carousel .shadow .shadowRight{
	width :69px;
	height :15px;
	background:url("https://dl.dropboxusercontent.com/u/71746690/js2/images/shadowRight.png") no-repeat;

}